button{
    margin-top: 20px;
    padding: 15px;
    background-color: rgb(167, 167, 231);
    color: white;
    font-size: 1em;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 5px 22px 50px rgb(86, 70, 70);
}

button:hover{
    background-color: blue;
     transform: scale(1.09);
}

h1{
    background: linear-gradient(270deg,#00f,#0ff,#0f0,#ff0,#f00);
    background-size: 800% 800%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientMove 5s ease infinite;
    box-shadow: 3px 20px 50px rgb(163, 152, 152);
    border-radius: 40px;
}

@keyframes gradientMove{
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

.hieuUng{
    width: 150px;
    height: 200px;
    background: gray;
    border-radius: 25px;
    background-size: cover;
    background-position: center;
    box-shadow: 5px 25px 50px rgb(173, 127, 66);
}

.hieuUng:hover{
    transform: scale(1.09);
    transition: transform 0.5s;
    
}